<template>
  <div class="flood-plan-page">
    <unity
      ref="unityPlan"
      src="static/Build/2.json"
      class="unity-box"
      unity-loader="static/Build/UnityLoader.js"
    />
    <button @click="JsCallUnity()">CallUnity</button>
  </div>
</template>

<script>
import Unity from "vue-unity-webgl";
export default {
  components: {
    Unity,
  },
  data() {
    return {
      unityContext: Unity,
    };
  },
  methods: {
    JsCallUnity() {
      // 和 Unity 通信
      this.$refs.unityPlan.message("webjs", "JsCallUnity", "测试");
    },
    ShowUnity() {
      alert("收到Unity数据：");
    },
  },
  // 需要把要被调用的方法挂载在 window 下面
  // 放在 mounted 钩子里面
  mounted() {
    // 播放监控（和 unity 交互）
    window["ShowUnity"] = (str) => {
      alert("收到Unity数据：" + str);
    };
  },
};
</script>

<style scoped></style>
